/*
 * @Author: hongbin
 * @Date: 2021-11-10 20:50:10
 * @LastEditors: hongbin
 * @LastEditTime: 2021-11-13 12:57:42
 * @Description: 公用的styled-components样式
 */
import styled, { css } from "styled-components";

export const ThemeBgc = css`
  background-color: ${props => props.theme.palette.background.default};
`;

export const ThemePrimaryBgc = css`
  background-color: ${props => props.theme.palette.primary.main};
`;

export const ThemeText = css`
  color: ${props => props.theme.palette.text.primary};
`;

export const ThemeSecondText = css`
  color: ${props => props.theme.palette.text.secondary};
`;

export const flexCenter = css`
  display: flex;
  justify-content: center;
  align-items: center;
`;

export const hideScrollBar = css`
  scrollbar-width: none;
  -ms-overflow-style: none;
  ::-webkit-scrollbar {
    display: none; /* Chrome Safari */
  }
`;

export const textEllipsis = css`
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
`;

export const Flex = styled.div`
  display: flex;
  align-items: center;
`;
